<template>
    <div class="Sign">
        <div class="GoLogin">
            <span @click="GoLogin()">去登录</span>
        </div>
        <div class="img_div">
            <img src="../assets/image/img.png" alt="">
        </div>
        <div class="Sign_div">
        <Sign></Sign>
        </div>
        <div class="bom">
        <img src="../assets/image/Sign_bom.png" alt=""></img>
        </div>
    </div>
</template>
<script lang='ts' setup>
import router from '../router/index'
import Sign from '@/components/Login_Sign/Sign.vue'
const GoLogin = ()=>{
    router.push('/login')
}
</script>
<style scoped lang="scss">
    .Sign{
        width: 100%;
        height: 100vh;
        background-color:#3087ea;
        .GoLogin{
           width: 100%;
          color: #fff;
          line-height: 50px;
          height: 50px;
          border-bottom: 1px solid #fff;
           span{
            float: right;
            font-size: 16px;
           }
        }
        .img_div{
            width: 100%;
           display: flex;
           justify-content: center;
            img{
               
                width: 120px;
                height: 120px;
            }
           
        }
        .Sign_div{
            margin: 0 auto;
            border-radius: 10px 10px 10px 10px;
            width: 85%;
            height: 350px;
            background-color: #fff;

        }
        .bom{
           width: 100%;
           height: 146px;
           background-color: #fff;
           background: url('../assets/image/bom.png');
           background-size: 100% 100%;
           img{
            margin-top: 87px;
            margin-left: 85px;
           }
        }
    }
</style>